// 引入 public.scss 后可以访问全局变量和样式
@import '~@/assets/style/public.scss';

// 这个页面的样式
// 如果页面不需要定义样式，请删除下列代码
// - 此文件
// - <%= upperName %>.vue 中的 style 标签
// - <%= upperName %>.vue 中 d2-container 组件上自动生成的 class="page-<%= name %>"

// 你可以像下面这样编写 SCSS 代码（BEM 规范）：

$block: 'page-<%= name %>';
.#{$block} {
  &.#{$block}--dark {
    background-color: #CCC;
  }
  .#{$block}__title {
    font-size: 14px;
    &.#{$block}__title--large {
      font-size: 16px;
    }
  }
}
